

/* =================首页图================ */
#syt img{
    width: 100%;
    height: 500PX;
}

/*==================促销图====================*/
#cxt{
    height: 660PX;
    margin-top: 20PX;
    background-color: #f0f0f0;
}
#cxt .banxin{
    height: 660PX;
    position: relative;
}
#cxt .banxin .cuxiao img{
    width: 500PX;
    height: 180PX;
    float: left;
    border-radius: 15PX;
   position: absolute;
   left: 50PX;
}
#cxt .banxin .cuxiao img:nth-child(2){
    position: absolute;
    left: 600PX;
}
#cxt .banxin .cuxiao2 img{
    width: 250PX;
    height: 180PX;
    float: left;
    border-radius: 15PX;
    position: absolute;
    top: 190PX;
    left: 50PX;
}
#cxt .banxin .cuxiao2 img:nth-child(2){
    position: absolute;
    left: 320PX;
}
#cxt .banxin .cuxiao2 img:nth-child(3){
    position: absolute;
    left: 585PX;
}
#cxt .banxin .cuxiao2 img:nth-child(4){
    position: absolute;
    left: 850PX;
}
#cxt .banxin .ggc h2{
    color: #999999;
    font-size: 22PX;
    position: absolute;
    bottom: 240PX;
    left: 50PX;
}
#cxt .banxin .ggc span{
    color: #ea374c;
}

/* =======================专场图==================== */
#cxt .banxin .zcc img{
    width: 733PX;
    height: 207PX;
    position: absolute;
    bottom: 0;
    left: 227PX;
}

/*==================================商品图======================*/
#spt{
    height: 919PX;
    background-color: #f0f0f0;
    
}
#spt img{
    width: 230px;
    height: 215px;
}
#spt .banxin {
    height: 919PX;
    margin-top: 20PX;
}
#spt .banxin img{
    width: 230PX;
    height: 215PX;
    margin-top: 5PX;
    margin-left: 5PX;
}


/* ===================安踏科技======================= */
#atkj .banxin{
    position: relative;
    height: 90PX;
    border-bottom: 1PX solid #797777;
}
#atkj .banxin p{
    position: absolute;
    top: 10PX;
    color: #bdbdbd;
    font-size: 25PX;
}
#atkj .banxin h1{
    position: absolute;
    top: 40PX;
    font-size: 35PX;
}
#atkj .banxin h1 span{
    display: block;
    color:red;
    position: absolute;
    top: 0PX;
    font-size: 20PX;
    left: 220PX;
}
/* =================================轮播图 ====================================*/
#lbt{
    height: 630PX;
}
#lbt .banxin {
    height: 630PX;
}
#lbt .banxin #box{
    position: relative;
    top: 100PX;
    width:1200PX;
    height:500PX;
}          

#imgBox{
    position: absolute;
    width:100%;
    height:100%;
    overflow: hidden;
}

#imgBox img{
    position: absolute;
    width:100%;
    height:100%;
    left:1200PX;
    top:0;
}
#imgBox img:nth-child(1){
    left:0;
}

#doudouBox{
    width: 1200PX;
    height: 80PX;
    position: absolute;
    top: -100PX;  
}

#doudouBox li{
    float: left;
    width: 150PX;
    height: 60PX;
    font-size: 30PX;
    line-height: 60PX;
    text-align: center;
    margin-top: 20PX;
    margin-left:70PX;
    background-color: whitesmoke;
}

#doudouBox li:nth-child(1){
    background-color: red;
}

/* =================================安踏分类系列===================== */
#atfl .banxin{
    position: relative;
    height: 114PX;
}
#atfl .banxin p{
    position: absolute;
    top: 30PX;
    color: #bdbdbd;
    font-size: 25PX;
}
#atfl .banxin h1{
    position: absolute;
    top: 60PX;
    font-size: 35PX;
}
#atfl .banxin h1 span{
    display: block;
    color:red;
    position: absolute;
    top: 20PX;
    font-size: 20PX;
    left: 220PX;
}

/* ============================安踏系列============== */
#atxl{
    height: 480PX;
}
#atxl .banxin{
    height: 480PX;
    position: relative;
}
#atxl .banxin .xlt{
    width: 324PX;
    height: 213PX;
    position: absolute;
    top: 0;
}
#atxl .banxin .xlt .tp1{
    width: 354PX;
    height: 213PX;
    position: absolute;
    top: 0;
    left: 0;
}
#atxl .banxin .xlt .tp1 img{
    width: 374PX;
    height: 213PX;
    position: absolute;
    top: 0;
    left: 0;
}
#atxl .banxin .xlt .tp2{
    width: 106PX;
    height: 66PX;
    color: #fff;
    font-size: 25PX;
    position: absolute;
    top: 59PX;
    left: 35PX;
}
#atxl .banxin .xlt .tp3{
    width: 186PX;
    height: 45PX;
    color: #fff;
    background-color: #000;
    opacity: 0.5;
    line-height: 45PX;
    text-align: center;
    border-left: 1PX solid #000;
    font-size: 25PX;
    position: absolute;
    left: 0PX;
    bottom: 0;
}
#atxl .banxin .xlt .tp4{
    width: 186PX;
    height: 45PX;
    color: #fff;
    background-color: #000;
    opacity: 0.5;
    line-height: 45PX;
    text-align: center;
    border-left: 1PX solid #000;
    font-size: 25PX;
    position: absolute;
    left: 185PX;
    bottom: 0;
}
#atxl .banxin .xlt:nth-child(2){
     position: absolute;
     left: 411PX;
     top: 0PX;
}
#atxl .banxin .xlt:nth-child(3){
    position: absolute;
    left: 955PX;
    top: 0PX;
}

/*=============================运动导航栏===================*/
#atxl .banxin .xlt .ydl{
    width: 150PX;
    height: 249PX;
    font-size: 17PX;
    position: absolute;
    top: 230PX;
    left: 20PX;
}
#atxl .banxin .xlt .ydl ul li:hover a{
    color: red;
    text-decoration: underline;
    
}
#atxl .banxin .xlt .ydl ul li a{
    color: #000;
}
#atxl .banxin .xlt .ydl2{
    width: 150PX;
    height: 249PX;
    font-size: 17PX;
    position: absolute;
    top: 230PX;
    left: 210PX;
}
#atxl .banxin .xlt .ydl2 ul li:hover a{
    color: red;
    text-decoration: underline;
    
}
#atxl .banxin .xlt .ydl2 ul li a{
    color: #000;
}
#atxl .banxin .xlt .ydl3{
    width: 150PX;
    height: 249PX;
    font-size: 17PX;
    position: absolute;
    top: 230PX;
    left: 20PX;
}
#atxl .banxin .xlt .ydl3 ul li:hover a{
    color: red;
    text-decoration: underline;
    
}
#atxl .banxin .xlt .ydl3 ul li a{
    color: #000;
}
#atxl .banxin .xlt .ydl4{
    width: 150PX;
    height: 249PX;
    font-size: 17PX;
    position: absolute;
    top: 230PX;
    left: 210PX;
}
#atxl .banxin .xlt .ydl4 ul li:hover a{
    color: red;
    text-decoration: underline;  
}
#atxl .banxin .xlt .ydl4 ul li a{
    color: #000;
}

#atxl .banxin .xlt .ydl5{
    width: 150PX;
    height: 249PX;
    font-size: 17PX;
    position: absolute;
    top: 230PX;
    left: 20PX;
}
#atxl .banxin .xlt .ydl5 ul li:hover a{
    color: red;
    text-decoration: underline;
    
}
#atxl .banxin .xlt .ydl5 ul li a{
    color: #000;
}
#atxl .banxin .xlt .ydl6{
    width: 150PX;
    height: 249PX;
    font-size: 17PX;
    position: absolute;
    top: 230PX;
    left: 210PX;
}
#atxl .banxin .xlt .ydl6 ul li:hover a{
    color: red;
    text-decoration: underline;  
}
#atxl .banxin .xlt .ydl6 ul li a{
    color: #000;
}

/*================================安踏热门系列================================*/
#atrm .banxin{
    position: relative;
    height: 114PX;
    border-bottom: 1PX solid #797777;
}
#atrm .banxin p{
    position: absolute;
    top: 30PX;
    color: #bdbdbd;
    font-size: 25PX;
}
#atrm .banxin h1{
    position: absolute;
    top: 60PX;
    font-size: 35PX;
}
#atrm .banxin h1 span{
    display: block;
    color:red;
    position: absolute;
    top: 20PX;
    font-size: 20PX;
    left: 220PX;
}
/* ====================安踏热门系列================ */
#atydt{
    height: 680PX;
    
}
#atydt .banxin {
    height: 680PX;
    position: relative;
}
#atydt .banxin .pic img{
    width: 380PX;
    height: 320PX;
    position: absolute;
    top: 0PX;
    left: 0;
}
#atydt .banxin .pic2{
    width: 380PX;
    height: 320PX;
    background-color: rgba(105, 101, 101, 0.514);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
#atydt .banxin .pic2:hover{
    opacity: 1;
}
 #atydt .banxin .pic2 p{
    position: absolute;
    color: #fff;
    font-size: 30PX;
    top: 120PX;
    left: 130PX;
} 
#atydt .banxin .pic2 p:nth-child(2){
    width: 140PX;
    height: 40PX;
    background-color: #fff;
    color: #000;
    position: absolute;
    top: 160PX;
    left: 130PX;
}
#atydt .banxin .pic:nth-child(2){
    position: absolute;
    left: 410PX;
}
#atydt .banxin .pic:nth-child(3){
    position: absolute;
    left: 820PX;
}
#atydt .banxin .pic:nth-child(4){
    position: absolute;
    top: 340PX;
    left: 0PX;
}
#atydt .banxin .pic:nth-child(5){
    position: absolute;
    top: 340PX;
    left: 410PX;
}
#atydt .banxin .pic:nth-child(6){
    position: absolute;
    top: 340PX;
    left: 820PX;
}

/* =======================征战球场================ */
#zzqc .banxin{
   height: 80PX;
   font-size: 30PX;
   color: #999999;
   line-height: 80PX;

}

/* =======================运动图====================== */
#yongdt{
    height: 400PX;
}
#yongdt .banxin {
    
    height: 400PX;
}
#yongdt .banxin img{
    width: 390PX;
    height: 390PX;
  
}

/* ================================明星代言=============================== */
#mxt .banxin{
    height: 400PX;
}
#mxt .banxin img{
    width: 590PX;
    height: 400PX;
}

/* ====================================中国安踏============================ */
#zhongguo .banxin img{
    width: 1200PX;
    height: 500PX;
}

